<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0 />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>生活缴费</title>
		<link rel="stylesheet" type="text/css" href="../../assets/datetime/css/styles.css" media="all">
		<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../assets/css/css.css" />
		<link href="../../assets/css/sweetalert/sweetalert.css" rel="stylesheet" type="text/css">
	</head>
	<body> <!-- style="display: none;" -->
		<div id="electricModal" style="display: none;">
			<div style="width:100%;margin:0;background-color:#f4f4f4;">
				<div style="background-color:white;width:100%;border-top: 20px solid #f4f4f4;border-bottom: 20px solid #f4f4f4;
    				padding: 10px;font-weight:bold;font-size:16px;">周口鼎兴物业服务有限公司</div>
			</div> 
			<div class="content" style="bottom: 34px;height: 477px;">
				<div style="height: 51px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc">
					<div style="padding: 9px;font-size: 20px;text-align: center;">鼎兴电费</div>
				</div>
				<div style="height: 51px;">
					<img src="../../assets/images/img/home.png" style="position:relative;width: 29px;
						margin: 10px 8px 0px 16px;">
					<input type="text" style="margin-top: 10px;border: 0;" id="houseNum" readonly="readonly" placeholder="请选择地址" size="22" />
				</div>
				<div style="border-top: 1px solid #ccc;height: 51px;">
					<img src="../../assets/images/img/R.png" style="position:relative;width:50px;margin: 0px 0px 0px 3px;">
					<input id="familyName" type="text" readonly="readonly" placeholder="姓名" size="22" maxLength="15" style="width: 25%;border: 0;">
					<img src="../../assets/images/img/tel.png">
					<input id="familyPhone" type="text" readonly="readonly" placeholder="电话" size="22" maxLength="11" style="width: 45%;border: 0;">
				</div>
				<div style="border-top: 1px solid #ccc;height: 51px;">
					<img src="../../assets/images/img/youxiaoqi.png" style="position:relative;width:26px;height:26px; margin: 9px 0px 0px 17px;">
					<div>
						<input type="text" readonly="readonly" value="缴费日期:" style="width:78px;position: relative;margin: -35px 20px 9px 57px;border: 0;">
						<input type="text" id="nowTime" name="nowTime" readonly="readonly" placeholder="缴费日期" style="width:30%;position: relative;margin: -35px 20px 9px -23px;border: 0;">
					</div>
				</div>
				<div  style="border-top: 1px solid #ccc;height: 51px;">
					<img src="../../assets/images/img/B.png" style="position:relative;width:50px;height:50px;float:left;">
					<input type="text" readonly="readonly" value="电表范围:" style="border: 0;width:74px;margin: 13px 1px 1px 7px;"/>
					<input type="text" id="beforeElec" name="beforeElec" readonly="readonly"  placeholder="上次电表数" style="width: 15%;margin: 13px 1px 1px 1px;border: 0;text-align: center;">
					<input type="text"readonly="readonly" placeholder="_" style="width: 5%;margin: 0px 1px 1px 7px;border: 0;"/>
					<input type="text" id="nowElec" name="nowElec" readonly="readonly"  placeholder="本次电表数"  style="width: 15%;margin: 14px 1px 1px 1px;border: 0;text-align: center;">
					<!--<div style="width:12%;float:left;text-align: center;background-color: #fff;position: relative;margin: 14px 1px 1px 1px;height: 22px;">电表范围：
					<!-- <div style="width:30%;float:left;text-align: center;background-color: #fff;position: relative;bottom: -10px;">电表范围：
						<input type="text" id="beforeElec" name="beforeElec" readonly="readonly" placeholder="上次电表数" style="width: 20px;margin: 4px -9px 2px 5px;border: 0;text-align: right;">
					</div>
					<div style="background-color: #fff;height: 1px;width:1px;position: relative;bottom: 36px;left: 47%">-</div>
					<div style="width:30%;float:right;text-align: center;background-color: #fff;position: relative;bottom: -10px;right: 60px;">
						<input type="text" id="nowElec" name="nowElec" readonly="readonly" placeholder="本次电表数"  style="width: 115px;margin: 4px 7px 4px 10px;border: 0;text-align: left;">
					</div> -->
				</div>
				<div  style="border-top: 1px solid #ccc;height: 51px;">
					<img src="../../assets/images/img/A.png" style="position:relative;width:50px;height:50px;float:left;">
					<input type="text" id="nowTolalElec" readonly="readonly"  name="nowTolalElec" placeholder="本次用电量" style="width: 40%;height: 40%;border: 0;position: relative;margin: 16px 6px 0px 5px;">
				</div>
				<div style="border: 1px solid #ccc;height: 51px;">
					<img src="../../assets/images/img/jieyu.png" style="position:relative;width:30px;margin: 7px 8px 6px 11px;">
					<input type="text"  id="jieyuMoney" readonly="readonly" placeholder="电费结余金额" size="22" style="border: 0;"/>
				</div>
				<div style="height: 51px;">
					<img src="../../assets/images/img/beizhu.png" style="position:relative;width:26px;margin: 10px 8px 11px 15px;">
					<input type="text"  id="electricFee" readonly="readonly" placeholder="应交电费金额(度/0.56元)" size="22" style="border: 0;width: 50%;"
						 onkeyup="var p2 = parseFloat(value).toFixed(2);value = p2>=0?(/\.0?$/.test(value)?value:p2.replace(/0$/,'').replace(/\.0$/,'')):''" onblur="value = value.replace(/\.0*$/,'')"/>
				</div>
				<div style="border: 1px solid #ccc;height: 51px;">
					<img src="../../assets/images/img/qianshu.png" style="position:relative;width:35px;height: 35px;margin: 7px 7px 5px 10px;">
					<input type="text"  id="preElectricFee" placeholder="预交电费金额(度/0.56元)" size="22" style="border: 0;width: 50%;"/>
				</div>
			</div>
			<div class="confirm" style="text-align: center;margin-top:-10px;">
				<button class="btn" id="addBtn" style="color:#fefefe;border:0;">提交</button>
			</div>
		</div>
	</body>
	<script src="../../assets/js/jquery-2.0.3.min.js"></script>
	<script src="../../assets/js/weixin/jweixin-1.2.0.js"></script>
	<script src="../../assets/js/bootstrap.min.js"></script>
	<script src="../../assets/js/validation/bootstrapValidator.js"></script>
	<script src="../../assets/js/sweetalert/sweetalert.min.js"></script>
	<script src="../../js/util/main.js"></script>
	<script src="../../assets/datetime/js/moment.js"></script>
	<script type="text/javascript" src="../../assets/datetime/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
	<script src="../../js/wechat_life/wechat_electric.js"></script>
	
</html>
